<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>锤子商城—详情页</title>
    <link rel="stylesheet" href="../css/index1.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <style>
        *{
            margin:0px;
            padding: 0px;
        }

        .imgs{
            width: 400px;
            display: flex;
            justify-content:space-around;
            align-items: center;
            margin-left:30px;
            margin-top:30px;
        }
        .imgs img{
            width: 75px;
        }
        .border{
            border:2px solid red;
        }
    </style>
</head>
<body>
        <!-- 页头 -->
        <div class="header">
            <div class="hl" style="float: left;"><a href="../pages/login.html"> <img src="../image/biaozhi.png" alt="" style="height: 60px;width: 70px;"></a></div>    
            <ul class="hu">
               <a href="../pages/index1.html" style="color: white;"> <li>在线商城</li></a>
                <li>坚果R2</li>
                <li>Smartisan TNT go</li>
                <li>坚果TNT工作站</li>
                <li>Smartisan os</li>
                <li>欢喜云</li>
                <li>论坛</li>
                <li>开发者支持</li>
                <li>荣誉与奖项</li>
            </ul>
            <div class="hr" style="float: right;height: 60px;">
                <img src="../image/denglu.png" alt="" >
                <a href="../pages/cart.html"target="_blank"><img src="../image/gouwuche.png" alt=""></a>
            </div>
        </div>
            <!-- 页头2 -->
    <div class="header2">
        <div class="h2-box">            
            <ul class="h2l" style="margin-bottom:0px">
                <li style="font-weight: bolder;" class="h22"> <a class="h222"href="../pages/index1.html">首页</a> </li>
                <li>坚果手机</li>
                <li>TNT</li>
                <li>官方自营</li>
                <li>服务</li>
            </ul>
            <div class="h2r">
                <input type="text">
            </div>
        </div>
        <div class="h2x">
        </div>
    </div>
        <!-- 中间 -->
        <div style="background-color: #ededed;padding-top: 50px;">
            <div class="container" style="background-color:#ffffff ;border: 1px solid rgba(0,0,0,.14);border-radius: 5px;width: 80%;height: 530px;">
                    <div class="fangda" style="float: left;">
                        <div class='dbox' style="width: 400px;
                    height: 400px;
                    position: relative;
                    top:20px;
                    left: 30px;">
                        <img src="" class="haha" style="width: 400px;height: 400px;">
                        <div class='mark' style="width: 200px;
                        height: 200px;
                        background-color: rgba(0,0,0,0.3);
                        position: absolute;
                        top:0px;
                        left: 0px;
                        display: none;"></div>
                        </div>
                        <div class="imgs">
                        <img src="../image/2.jpg" class='border haha' >
                        <img src="../image/4.jpg" class='border haha'>
                        <img src="../image/3.jpg" class='border haha'>
                        <!-- <img src="" class='border haha'>
                        <img src="" class='border haha'> -->
                        </div>
                        <div class="rightBox" style="width: 400px;
                        height: 400px;z-index: 9;
                        position: absolute;
                        top:190px;
                        left:650px;
                        overflow: hidden;
                        display: none;">
                            <img src="" alt="" class="haha" style="  position: absolute;width: 800px;">
                        </div>
                    </div>

                    <div class="panel-body" style="float: right;width: 50%;">
                            <div class='dbox'>
                            <img src="" class="haha">
                            <div class='mark'></div>
                            </div>
                            <div class="imgs">
                            <img src="" class='border haha'>
                            <img src="" class='border haha'>
                            <img src="" class='border haha'>
                            <!-- <img src="" class='border haha' alt="">
                            <img src="" class='border haha' alt=""> -->
                            </div>
                            <div class="rightBox">
                                <img src="" alt="" class="haha">
                                <img src="" alt="" class="haha">
                            </div>
                    </div>
                </div>
            
            <div class="container" style="width: 80%;padding: 0px;">
                <div class="panel panel-default" style="margin-top: 40px;">
                    <div class="panel-heading"  style="font-weight: bolder;font-size: 24px;">
                      <h3 class="panel-title" >详细信息</h3>
                    </div>
                    <div class="panel-body2"></div>
                </div>
            </div>
        </div>
            <!-- 底部 -->
<div class="di">
    <div class="diz">
        <ul class="dizr">
            <li><h3>订单服务</h3><div>购买指南 <br>送货政策</div></li>
            <li><h3>服务支持</h3><div>自助服务 <br>装修门店</div></li>
            <li><h3>媒体中心</h3><div>新闻动态 <br>官方视频 <br>图片资源</div></li>
            <li><h3>关注我们</h3><div>新浪微博 <br>官方微信 <br>荣誉奖项</div></li>
        </ul>

        <div class="dizl" style="text-align: right;height: 150px;">
         <h1 style="font-size: 18px;
         font-weight: 900;color: #5079d9;">400-603-5000</h1>
         <h2 style="margin-top: 15px;font-size: 12px;color: #999;"> 
            周一到周日 9:00 - 18:00 <br>(仅收市话费)
         </h2>
         <div style="width: 132px;
         height: 30px;line-height: 30px;margin-top: 15px;
       text-align: center;float: right;border-radius: 5px;
       color: #5079d9;font-weight: 700px;
      border: 1px solid #d0d0d0;"> 在线帮忙</div>
        </div>
        <br>
        <hr>
        <br>
        <div style="color: #bdbdbd;">
            Copyright © 2020 smartisan.com 版权所有 |
            锤子商城隐私政策 |
            锤子商城用户协议 |
            资质证照 <br>
        
            京 ICP 备 19048576 号 - 1 |
            京公网安备 11010802033469号 |
            京食药网食备 202010031
        </div>

    </div>
</div>
<script src="../js/ajax.js"></script>
<script src="../js/xiangqing.js"></script>
<script src="../js/fangdajing.js"></script>    

    
</body>
</html>